<script>
export default {
  onLaunch: function () {
    console.log("App Launch");
  },
  onShow: function () {
    console.log("App Show");
  },
  onHide: function () {
    console.log("App Hide");
  },
};
</script>

<style lang="scss">

/*每个页面公共css */
.kf-icon{
  width: 84rpx;
  height: 84rpx;
  position: fixed;
  bottom: 100rpx;
  right: 40rpx;
  background: transparent;
  border: 0;
}
.kf-icon::after{
  border: 0;
}
page {
  height: 100%;
}
.plclass {
  color: #bbbbbb;
}
image {
  // background: gray;
}
.more-btn {
  font-weight: 500;
  font-size: 24rpx;
  color: #999999;
  align-items: center;
  .more-icon {
    width: 32rpx;
    height: 32rpx;
  }
}
.bot-box {
  width: 100vw;
  height: 98rpx;
  align-items: center;
  justify-content: center;
  background: #fff;

  .btn {
    width: 690rpx;
    height: 80rpx;
    background: linear-gradient(90deg, #ffe998 0%, #f7d34b 100%);
    border-radius: 100rpx 100rpx 100rpx 100rpx;
    align-items: center;
    justify-content: center;
    // font-weight: bold;
    font-size: 32rpx;
    color: #333333;
  }
}
.hint {
  text-align: center;
  line-height: 80rpx;
  color: #666;
  font-size: 28rpx;
}
.row {
  display: flex;
  flex-direction: row;
}

.column {
  flex-direction: column;
  display: flex;
}

.body {
  height: 100%;
  overflow-x: hidden;
  overflow: scroll;
  background: #f3f3f3;
}

.container {
  display: block;
}
.scroll-list {
  flex: 1;
  overflow: scroll;
}
.line1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.line2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.line3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.input-value-border {
  border: 0 !important;
  text-align: right;
}

.hidden {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
  scrollbar-width: none;
}

.hidden::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 0px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 0px;
}

.hidden::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #535353;
}

.hidden::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background: #ededed;
}
.back-view {
  justify-content: center;
  align-items: center;
  gap: 8rpx;
  border-radius: 28rpx;
  border: 2rpx solid #7086d5;
  width: 396rpx;
  height: 76rpx;
  align-items: center;
  justify-content: center;
  font-family: "foton type";
  font-size: 32rpx;
  font-style: normal;
  font-weight: 500;
  color: #7086d5;
  margin: 0 auto;
  .icon {
    width: 28rpx;
    margin-right: 10rpx;
    height: 28rpx;
  }
}
// .bot-box{
//   margin-top: -1px;
// }
.arr-down {
  width: 100rpx;
  height: 100rpx;
  animation: shake 1s; /* 动画名称，持续时间，效果：0.5秒内震动 */
  animation-iteration-count: infinite; /* 动画无限次数执行 */
}
@keyframes shake {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-5px);
  }
  50% {
    transform: translateY(5px);
  }
  75% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(5px);
  }
}
</style>


